Design Patterns in JavaScript: Constructor, Factory, & Abstract Factory Creational Patterns

Design Patterns in JavaScript: Constructor, Factory, & Abstract Factory Creational Patterns

• discover the key concepts covered in this course
• describe the key features of the constructor pattern
• use the object literal notation to construct objects
• assign properties and functions to objects
• use Object.create() and new Object() to create objects
• create objects using functions
• create objects using ES6 classes
• describe the Factory and abstract factory patterns
• define helper functions for the factory pattern
• setting up helper methods to implement the Factory pattern
• implement the Factory pattern
• set up constructs and factories for the abstract factory pattern
• define immediately-invoked functions for the factory
• implement the abstract factory pattern
• recall the key concepts covered in this course

Explore the constructor, factory, and abstract factory creational patterns in JavaScript. Examine how to use constructors to create and initialize objects and how to use the factory and abstract factory to create different kinds of objects.

Design Patterns in JavaScript: Flyweight, Adapter, Composite, & Proxy Structural Patterns

Design Patterns in JavaScript: Flyweight, Adapter, Composite, & Proxy Structural Patterns

• discover the key concepts covered in this course
• recall the characteristics of the Flyweight pattern
• describe how event handling works on the browser
• illustrate inefficient memory usage for granular objects
• share resources using the Flyweight pattern
• wire up individual event handlers to HTML elements
• centralize event handling using the Flyweight pattern
• articulate features of the Adapter pattern
• illustrate the burden on the client when the Adapter pattern is not used
• provide a consistent client interface using an adapter
• recall the characteristics of the Composite pattern
• apply the Composite pattern using jQuery
• describe the Proxy pattern
• use the Proxy pattern to cache data on the client
• execute functions using the right context
• apply the Proxy pattern to provide the right context
• recall the key concepts covered in this course

Discover how to implement the Flyweight, Adapter, Composite, and Proxy patterns to model structure between the components in your system. Examine inefficient memory usage, sharing memory, and centralized event handling with the Flyweight pattern. Explore the possible burden on a client when the Adapter pattern isn't used and how to provide a consistent interface using an adapter. Using the Composite pattern in jQuery, and using the Proxy pattern to cache data and specify context are also covered.

Design Patterns in JavaScript: Getting Started

Design Patterns in JavaScript: Getting Started

• discover the key concepts covered in this course
• define design patterns
• describe the principles of good design
• summarize principles of good design and architecture
• recall anti-patterns and their uses
• recall programming anti-patterns
• recall JavaScript-specific anti-patterns
• compare the different types of design patterns
• install required tools on a MacOS machine
• install required tools on a Windows machine
• recall key concepts covered in this course

Explore the principles of good design and the three main categories of design patterns. Examine anti-patterns, including their uses and what to avoid while writing code. Discover how to install NodeJS and NPM for MacOS and Windows.

Design Patterns in JavaScript: Mediator, State, & Command Behavioral Patterns

Design Patterns in JavaScript: Mediator, State, & Command Behavioral Patterns

• discover the key concepts covered in this course
• recall the characteristics of the Mediator pattern
• set up the Mediator as a workflow object
• use the Mediator for communication
• describe the characteristics of the State pattern
• set up helper methods for the State pattern
• implement the State pattern in React
• perform valid state transitions
• describe the characteristics of the Command pattern
• implement the Command pattern
• execute and undo commands
• recall the key concepts covered in this course

Explore the Mediator, State, and Command behavioral design patterns, including how to implement them for modeling communication between components. Discover how to perform valid state transitions, implement the State pattern in React, and execute and undo commands.

Design Patterns in JavaScript: Module, Revealing Module, Façade, Decorator, & Mixin Structural Patterns

Design Patterns in JavaScript: Module, Revealing Module, Façade, Decorator, & Mixin Structural Patterns

• discover the key concepts covered in this course
• describe the Module and Revealing Module patterns
• implement private variables with the Module pattern
• implement private functions with the Module pattern
• use the Revealing Module pattern
• apply best practices for working with the Revealing Module pattern
• describe the Façade pattern
• set up helpers for the Façade pattern
• implement the Façade pattern
• make AJAX requests without a façade in jQuery
• use the Façade pattern in jQuery for AJAX requests
• recall the principles of the Decorator pattern
• set up helpers for the Decorator pattern
• apply the decorators for dynamic customizations
• design React components as decorators
• use React components as decorators
• describe the Mixin pattern
• use Mixins in the Underscore.js library
• simulate multiple inheritance with Mixins
• implement the Mixin pattern
• recall the key concepts covered in this course

Discover how to implement common structural design patterns. Explore the Module and Revealing Module patterns, including how to implement private variables and functions with the Module pattern and best practices for using the Revealing Module pattern. Examine how to set up helpers for the Façade pattern, how to implement it, and how to use it for AJAX requests. Delve into the use of the Decorator pattern, including how to set up its functions and how to use it for dynamic customizations. Using the Mixin pattern in Underscore.js and for simulating multiple inheritance is also covered.

Design Patterns in JavaScript: Observer & Iterator Behavioral Patterns

Design Patterns in JavaScript: Observer & Iterator Behavioral Patterns

• discover the key concepts covered in this course
• recall the key characteristics of the Observer pattern
• implement publishers and subscribers
• publish messages using the publisher and receive them at subscribers
• recognize the role of the Observer pattern in event handling
• trigger custom events in jQuery
• design the Observer with custom events in jQuery
• describe characteristics of the Iterator pattern
• implement the Iterator mixin
• iterate over elements in a collection
• describe Iterators in jQuery
• recall the key concepts covered in this course

Discover how to implement the Observer pattern for communication and the Iterator pattern to work with collections. Examine how to set up publishers and subscribers and the role of the Observer pattern in event handling. Triggering custom events in jQuery, using the Observer pattern with custom events, iterating over elements in a collection, and using Iterators in jQuery is also covered.

Design Patterns in JavaScript: Singleton, Prototype, & Builder Creational Patterns

Design Patterns in JavaScript: Singleton, Prototype, & Builder Creational Patterns

• discover the key concepts covered in this course
• recall the basic principles of the Singleton pattern
• define helper functions for the Singleton pattern
• implement the Singleton pattern
• describe features of the Prototype pattern
• implement the Prototype pattern
• apply best practices for the Prototype pattern
• implement the Prototype pattern without using Object.create()
• recall characteristics of the Builder pattern
• implement the Builder pattern
• use the Builder pattern to construct complex objects
• implement the Builder pattern in jQuery
• use different methods in the iQuery Builder pattern
• recall the key concepts covered in this course

Discover how to implement the Singleton, Prototype, and Builder patterns in JavaScript. Examine how the Singleton pattern is used for single object instantiation, how the Prototype pattern is used for cloning, and how the Builder pattern is used to construct complex objects.